<template>
<el-container>
<!--  <el-header>Header</el-header>-->
<!--  <el-main>Main</el-main>-->
<!--  <el-footer>Footer</el-footer>-->

<!--  <el-aside>侧边栏</el-aside>
  <el-main> 功能区</el-main>-->
<!--  el-aside 和el-header 在一起,会显示上下结构-->
<!--  <el-header>head </el-header>
    <el-container>
      <el-aside>侧边</el-aside>
      <el-main>main</el-main>
    </el-container>-->
<!--  <el-header> header</el-header>-->
<!--  <el-container>-->
<!--    <el-aside> aside</el-aside>-->
<!--    <el-container>-->
<!--      <el-main> main</el-main>-->
<!--      <el-footer> footer</el-footer>-->
<!--    </el-container>-->
<!--  </el-container>-->
<!--  <el-aside> aside</el-aside>-->
<!--  <el-container>-->
<!--    <el-header></el-header>-->
<!--    <el-main> main</el-main>-->
<!--  </el-container>-->
  <el-aside> 阿斯德</el-aside>
    <el-container>
      <el-header>header</el-header>
      <el-main>main</el-main>
      <el-footer>footer</el-footer>
    </el-container>

</el-container>
</template>

<script setup>

</script>

<style scoped>

</style>